<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta  name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=yes">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="resources/iconfont/iconfont.css">
	<script type="text/javascript" src="./js/common.js"></script>
</head>
<body>
	 <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
			
            <div class="swiper-slide"><!-- 第一页 背景色：黑-->
	            <li id="inside" num="1" ctype="4" style="">
		            <div class="element-box ani"  swiper-animate-effect="flash" swiper-animate-duration="2s" swiper-animate-delay="0" style="animation-iteration-count:infinite"><!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (2).png"><!-- 闪烁图片 -->
			            </div>
		            </div>
	            </li>
	            <li id="inside" num="2" style="">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="bounceInUp" swiper-animate-duration="2s" swiper-animate-delay="0.3">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/FungavvP9pGoH730fomO1dVvUxwP.png" style="width: 100%;height: 100px;margin-left: 0px;margin-top: 0px;"><!-- 上面线条 -->
			            </div>
		            </div>
	            </li>
	             <li id="inside" num="3"  style="">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="flash" swiper-animate-duration="2s" swiper-animate-delay="0">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/yq0KZVbrliSASzCJAARSGhXte5w377.png" style="width: 143%;height: 46%;margin-left:-20%;margin-top: -25%;"><!-- 上面灯光 -->
			            </div>
		            </div>
	            </li>
	            <li id="inside" num="4"  style="left: 0px; top: 80%; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="bounceInUp" swiper-animate-duration="2s" swiper-animate-delay="0.3s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/FrEzRcIVRGUoJcfViG5ryRkURSCA.png" style="width: 100%;height: 100px;margin-left: 0px;margin-top: 0px;"><!-- 下面线条 -->
			            </div>
		            </div>
	            </li>
	            <li id="inside" num="5"  style="left: 0px; top:0; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="2s" swiper-animate-delay="0.3s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/Fsj2UAk92WPclcFt4ZRIlXed9CJn.png" style="display: block;width: 54%;height: 28%;margin: 35% auto;">
			            </div>
		            </div>
	            </li><!-- 六边形 -->

	            <li id="inside" num="4"  style="left: 0px; top: 0; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="rollIn" swiper-animate-duration="2s" swiper-animate-delay="0.5s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/Fprf71MlDKZRm9N_SlC-HknMFWcK (1).png" style="width: 15%;height: 8%;margin-left: 34%;margin-top: 44%;">
			            </div>
		            </div>
	            </li><!-- 个 -->

	             <li id="inside" num="4"  style="left: 0px; top: 0; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="rollIn" swiper-animate-duration="2s" swiper-animate-delay="0.6s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/Fprf71MlDKZRm9N_SlC-HknMFWcK (2).png" style="width: 15%;height: 8%;margin-left: 53%;margin-top:44%;">
			            </div>
		            </div>
	            </li><!-- 人 -->
				
				<li id="inside" num="4"  style="left: 0px; top: 0; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="rollIn" swiper-animate-duration="2s" swiper-animate-delay="0.7s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/Fprf71MlDKZRm9N_SlC-HknMFWcK.png" style="width: 13%;height: 8%;margin-left: 34%;margin-top: 60%;">
			            </div>
		            </div>
	            </li><!-- 简 -->

	            <li id="inside" num="4"  style="left: 0px; top: 0; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="rollIn" swiper-animate-duration="2s" swiper-animate-delay="0.8s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/Fprf71MlDKZRm9N_SlC-HknMFWcK (4).png" style="width: 13%;height: 8%;margin-left: 53%;margin-top: 60%;">
			            </div>
		            </div>
	            </li><!-- 厉 -->

	            <li id="inside" num="4"  style="left: 0px; top: 0; z-index: 2; transform: rotateZ(0deg); display: block; opacity: 1;">
		            <div class="element-box ani" style="z-index:2;" swiper-animate-effect="rollIn" swiper-animate-duration="2s" swiper-animate-delay="0.9s">
			            <div class="element-box-contents" >
			            	<img id="1708021305"  draggable="false" src="images/FibwSoykbCMuegEtpaQIqlfc-ndS.png" style="width: 25%;height: 25px;display: block;margin: 90% auto;">
			            </div>
		            </div>
	            </li><!-- resume -->
            </div>

            <div class="swiper-slide"><!-- 第二页 -->
            	<li id="inside" num="1" ctype="4" style="z-index: 2">
		            <div class="element-box ani"  swiper-animate-effect="flash" swiper-animate-duration="3s" swiper-animate-delay="0" style="animation-iteration-count:infinite"><!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (1).png"><!-- 第一个闪烁图片 -->
			            </div>
		            </div>
	            </li>

	             <li id="inside" num="1" ctype="4" style="">
		            <div class="element-box "  > <!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (2).png"> <!-- 第二个闪烁图片-->
			             </div>
		            </div>
	            </li>  
				
				<li id="inside" num="2" ctype="h"  class="bgball">
					<div class="element-box ani" style=" " swiper-animate-effect="rotateIn" swiper-animate-duration="3s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img src="images/ball.svg">
						</div>
					</div>
				</li>
				

				<li id="inside_4181618586" num="3" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img id="4181618586" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FhVk1M6dvp2i0IiD_aZmoqhrU2me.png">
						</div>
					</div>
				</li><!-- 左入框 -->


				<li id="inside_7886274961" num="4" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img id="7886274962" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FhVk1M6dvp2i0IiD_aZmoqhrU2me.png">
						</div>
					</div>
				</li><!-- 右入框 -->

				<li id="inside_7886274962" num="4" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="pulse" swiper-animate-duration="1s" swiper-animate-delay="1s">
						<div class="element-box-contents">
							<img id="7886274962" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FhVk1M6dvp2i0IiD_aZmoqhrU2me.png">
						</div>
					</div>
				</li><!-- 放大框 -->

				<li id="inside_9201590806" num="5" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents" >
							<img id="9201590806" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FjeLgOCJQGmHA7Id1zlCmXPFv1jn.png" style="width: 106px; height: 17.5px; margin-left: 0px; margin-top: 0px;">
						</div>
					</div>
				</li><!-- 个人信息 -->

				<li id="inside_9201590806" num="5" ctype="4" class="text" >
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents" >
							<span style="font-size: 12px; color: rgb(224, 200, 130); font-weight: bold;">&nbsp;Information</span>
						</div>
					</div>
				</li><!-- information -->

				
				<li id="inside_6955349773" num="8" ctype="4">
					<div class="element-box ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.6s" swiper-animate-delay="2s">
						<div class="element-box-contents" >
						<img id="6955349773" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FvVu6GwqEY0go6pllf9NXeM2mHN_.png" style="">
						</div>
					</div>
				</li><!-- 头像相框 -->

				 <li id="inside_1337374590" num="7" ctype="4" >
				 	<div class="element-box ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.6s" swiper-animate-delay="1.4s">
				 		<div class="element-box-contents">
				 			<img id="1337374590" ctype="4" class="element comp_image editable-image" draggable="false" src="images/me.jpg">
				 		</div>
				 	</div>
				 </li><!-- 头像 -->

				<li id="inside_2365469462" num="10" ctype="4" >
				 	<div class="element-box ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="2s" swiper-animate-delay="1.8s">
				 		<div class="element-box-contents">
				 			<img id="2365469462" ctype="4" class="element comp_image editable-image" draggable="false" src="images/Fiz1htaVR5zMTqmjqAlxW0Mxgu8O.png">
				 		</div>
				 	</div>
				</li><!-- 箭头 -->

				<li id="inside_3152053042" num="9" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="2s" swiper-animate-delay="1.8s">
						<div class="element-box-contents">
							<img id="3152053042" ctype="4" class="element comp_image editable-image" draggable="false" src="images/Fp2rFcNVt4jGsUrp1QKWqKHvxqAg.png">
						</div>
					</div>
				</li><!-- 头像旁竖线 -->

				<li id="inside_309011794" num="22" ctype="2" class="wsite-text" >
					<div class="element-box ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="1.8s">
						<div class="element-box-contents">
							<div id="309011794" ctype="2" class="element comp_paragraph editable-text" style="cursor: default;font-size: 24px;width: 221px;height: 38px;">
								<div class="text" style="text-align: center;">
									<span style="color: rgb(238, 226, 167); background-color: initial; font-size: 16px;">I want to say to you</span>
								</div>
							</div>
						</div>
					</div>
				</li><!-- 我想对你说 -->

				<li id="inside_7864534976" num="11" ctype="4">
					<div class="element-box ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="1.8s">
						<div class="element-box-contents">
							<img id="7864534976" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FpJj6YV-owPmQVb71OFJKzTDebZv.png">
						</div>
					</div>
				</li><!-- 头像下竖线 -->


				<li id="inside_9036698118" num="20" ctype="2" class="wsite-text">
					<div class="element-box ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="3s">
						<div class="element-box-contents" >
							<div id="9036698118" ctype="2" style="font-size: 24px;width: 230px;height: 135px;text-indent: 34px;text-align: justify;">
								<span style="font-size: 14px; color: rgb(238, 241, 246);font-weight: bold;">一个青年人，应该不断的学习来完善自己，应该在实践中证明自己。如果我能喜获您的赏识，我一定会尽职尽责地用实际行动向您证明：您的过去，我来不及参与；但您的未来，我愿奉献我毕生的心血和汗水!</span>
							</div>
						</div>
					</div>
				</li>

				<li id="inside_9036698" num="21" ctype="2" class="wsite-text">
					<div class="element-box ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="3s">
						<div class="element-box-contents" >
							<div id="9036698" ctype="2" class="element comp_paragraph editable-text" style="font-size: 24px;width: 230px;height: 135px;text-align: start;">
								<div style="font-size: 14px; color: rgb(238, 241, 246);font-weight: bold;line-height: 20px">
									<p>姓名：刘鑫
									<br>年龄：25
									<br>电话：<br>13527392554
									<br>求职岗位:<br>前端应用工程师	
									
								</div>
							</div>
						</div>
					</div>
				</li>

            </div><!-- 第二页 end-->

            <div class="swiper-slide">
				<li id="inside" num="1" ctype="4" style="z-index: 2">
		            <div class="element-box ani"  swiper-animate-effect="flash" swiper-animate-duration="3s" swiper-animate-delay="0" style="animation-iteration-count:infinite"><!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (2).png"><!-- 第一个闪烁图片 -->
			            </div>
		            </div>
	            </li>

	             <li id="inside" num="1" ctype="4" style="">
		            <div class="element-box "  > <!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (4).png"> --><!-- 第二个闪烁图片-->
			             </div>
		            </div>
	            </li>


	            <li id="inside" num="2" ctype="h"  class="bgball">
					<div class="element-box ani" style=" " swiper-animate-effect="rotateIn" swiper-animate-duration="3s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img src="images/ball.svg">
						</div>
					</div>
				</li>

				<li id="inside_4181618586" num="3" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img id="4181618586" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FhVk1M6dvp2i0IiD_aZmoqhrU2me.png">
						</div>
					</div>
				</li><!-- 左入框 -->


				<li id="inside_7886274961" num="4" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img id="7886274962" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FhVk1M6dvp2i0IiD_aZmoqhrU2me.png">
						</div>
					</div>
				</li><!-- 右入框 -->

				<li id="inside_7886274962" num="4" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="pulse" swiper-animate-duration="1s" swiper-animate-delay="1s">
						<div class="element-box-contents">
							<img id="7886274962" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FhVk1M6dvp2i0IiD_aZmoqhrU2me.png">
						</div>
					</div>
				</li><!-- 放大框 -->

				<li id="inside_9201590806" num="5" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents" >
							<img id="9201590806" ctype="4" class="element comp_image editable-image" draggable="false" src="images/FlZ04_aECUW-2NfaC8yVf9lTuHdd.png" style="width: 80px; height: 17.5px; margin-left: 0px; margin-top: 0px;">
						</div>
					</div>
				</li><!-- 个人信息 -->

				<li id="inside_9201590806" num="5" ctype="4" class="text" >
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents">
							<span style="font-size: 12px; color: rgb(224, 200, 130); font-weight: bold;">&nbsp;Education</span>
						</div>
					</div>
				</li><!-- information -->

				<li id="inside_education" num="21" ctype="2" class="wsite-text">
					<div class="element-box ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="1s">
						<div class="element-box-contents" >
							<div id="education" ctype="2" class="element comp_paragraph editable-text" style="font-size: 24px;width: 230px;height: 135px;text-align: start;">
								<div style="font-size: 14px; color: rgb(238, 241, 246);font-weight: bold;line-height: 30px">
									<p>学校：重庆大学
									<br>专业：电子信息工程
									<br>时间：2011年09月至2015年06月		
								</div>
							</div>
						</div>
					</div>
				</li>
				
				<li id="inside_school" num="21" ctype="2" class="wsite-text">
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents" >
							<img id="9201590806" ctype="4" class="element comp_image editable-image" draggable="false" src="images/school.png" style="margin-left: 0px; margin-top: 0px;">
						</div>
					</div>
				</li>
				<li id="inside_schpic" num="21" ctype="2" class="wsite-text">
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents" >
							<img id="9201590806" ctype="4" class="element comp_image editable-image" draggable="false" src="images/timg.jpg" >
						</div>
					</div>
				</li>

				<li id="inside_schdoor" num="21" ctype="2" class="wsite-text">
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<div class="element-box-contents" >
							<img id="9201590806" ctype="4" class="element comp_image editable-image" draggable="false" src="images/timgdoor.jpg" >
						</div>
					</div>
				</li>




            </div><!-- 第三页 -->

            <div class="swiper-slide">
            	<li id="inside" num="1" ctype="4" style="z-index: 2">
		            <div class="element-box ani"  swiper-animate-effect="flash" swiper-animate-duration="3s" swiper-animate-delay="0" style="animation-iteration-count:infinite"><!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (2).png"><!-- 第一个闪烁图片 -->
			            </div>
		            </div>
	            </li>

	             <li id="inside" num="1" ctype="4" style="">
		            <div class="element-box "  > <!-- 放星星图设置闪烁 -->
			            <div class="element-box-contents" >
			            	<img id="1708021305"  class="editable-image" draggable="false" src="images/FhpPs2e7yrw4Sl4646je_KQcy4DK (4).png"><!-- 第二个闪烁图片-->
			             </div>
		            </div>
	            </li>

	            <li id="inside_4181618586" num="3" ctype="4" >
					<div class="element-box ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0">
						<div class="element-box-contents">
							<img id="4181618586" ctype="4" class="element comp_image editable-image" draggable="false" src="images/Fh4aV66m8bauFIcQihaZMVpHnV8V.png">
						</div>
					</div>
				</li>

				<li id="inside_4181618586" num="3" ctype="4" >
					<div class="element-box " >
						<div class="element-box-contents">
							<img id="4181618586" ctype="4" class="element comp_image editable-image open" draggable="false" src="images/FoIj1dYczp186qwSIcme1aSZQnju.png" >
						</div>
					</div>
				</li>
	            

            	<div id="enter">简历亲启</div>
            </div><!-- 第四页 -->
        </div><!-- swipe结束 -->
        <div class="swiper-pagination"></div>
    </div>

    <div id="mainContent" style="width: 100%;height:100%">
			<div class="" style="width: 100%;height:60%;top:20%;display: block; opacity: 0.1;position: absolute;">
				<img src="images/ball.svg" style="animation:  rotateZ 10s linear infinite">
			</div>
			<div class="" style="width: 10%;height:10%;bottom:5%;display: block; opacity: 1;position: absolute;">
				<img src="images/FriemCOWhVsNbymxH0oHKKraKjby.png" style="animation:  rotateZ 10s linear infinite">
			</div>
	    	<div id="header">	    		
				<i class="iconfont" id="code" onclick="clicked('code.html',true,true);">&#xe631;</i>			
				<i class="iconfont"  id="gallery-second">&#xe67f;</i>
				<div id="gallery-btn" style="width: 60px;height: 60px; position: absolute;top: 40px;right: 0;display: none;">
					<div id="gallery" style="width: 60px;height: 30px;border:1px solid #BDA754;border-radius: 6px;color:#BDA754;line-height: 30px;font-size: 16px;">相册</div>
					<div id="camera" style="border:1px solid #BDA754;width: 60px;height: 30px;  border-radius: 6px;color:#BDA754;line-height: 30px;font-size: 16px;">相机</div>
				</div>
				
	    	</div>
	    	

	    	<div class="scro">
	    		<div class="scro-header">
					<p style="color: #e0c882;font-size: 20px;">能力及技能
					</p>
					<span><img src="images/FuEflvqalMZCyhMJMYQ6DFDrmvCp.png"></span>
					<p></p>
				</div>
				<div class="scro-header" style="display: none">
					<p style="color: #e0c882;font-size: 20px;">我的经历
					</p>
					<span><img src="images/FuEflvqalMZCyhMJMYQ6DFDrmvCp.png"></span>
					<p></p>
				</div>
				<div class="scro-header" style="display: none">
					<p style="color: #e0c882;font-size: 20px;">项目经验
					</p>
					<span><img src="images/FuEflvqalMZCyhMJMYQ6DFDrmvCp.png"></span>
					<p></p>
				</div>

				<div class="scro-header" style="display: none">
					<p style="color: #e0c882;font-size: 20px;">个人信息
					</p>
					<span><img src="images/FuEflvqalMZCyhMJMYQ6DFDrmvCp.png"></span>
					<p></p>
				</div>
	    	</div>
		<div id="wrapper">
			<div id="scroller">				
				<ul class="skill content-lis" style="display: block">
					<div class="content">
					</div>
					<div class="space" ></div>						
				</ul><!-- 技能页面 -->
				
				<ul class="experience content-lis" >					
					<div class="content">						
							<div class="school">
								<p class="title myZoomin" style="text-align: center;font-size: 20px;line-height: 30px;">学习经历</p>
								<img src="images/school.png" class="myFadein">
								<p class="myFadein">学校：重庆大学</p>
								<p class="myFadein">专业：电子信息工程</p>
								<p class="myFadein">时间：2011年09至2015年06</p>
								<p class="myFadein">简介：在大学四年里平平凡凡不是学霸也不甘当学渣，大一大二参加过公益社团和户外拓展社团，大三做了一年班长和班主任，大四入了党，毕业设计做了基于MATLAB的人脸识别被评了优秀毕业设计。</p>
								
							</div>
							<div style="margin: 0 auto"><img src="images/jiantou.png" style="width: 100px;height:90px"></div>
							<div class="company">
								<p class="title" style="text-align: center;font-size: 20px;line-height: 30px;">工作经历</p>
								<img src="images/company.png" class="myFadein">
								<p class="myFadein" >公司：四川长虹器件科技有限公司</p>
								<p class="myFadein">岗位：质量技术</p>
								<p class="myFadein">时间：2015年09至2016年07</p>
								<p class="myFadein">简介：在器件公司的一年里，接触的是一个完全未知的领域。主要负责质量技术岗位的供应商管理工作，协助工厂解决供应商关于原材料质量的问题，以及负责对质量表现较差的供应商进行实地审查，帮助其提高供货质量。</p>
							</div>
							<div class="space" ></div>
											
					</div>					
				</ul><!-- 个人经历 -->






				<ul class="project content-lis" >
					
					<div class="content">
						<table>
							<tr>
								<td class="headline" valign='top'>项目名称:</td>
								<td class="text">MOVIE</td>
							</tr>
							<tr>
								<td class="headline" valign='top'>项目成员:</td>
								<td lass="text">兰宁、贺小洋、黄诗静、曾浩然（项目组长）、刘鑫、向丽、胡林林、黄超</td>
							</tr>
							<tr>
								<td class="headline" valign='top'>项目时间:</td>
								<td lass="text">5天</td>
							</tr>
							<tr>
								<td class="headline" valign='top'>项目简述:</td>
								<td lass="text">1、项目简单实现了豆瓣电影top250等电影信息的展示；<br>
								2、页面包括登录注册页、首页、电影列表页、详情页；<br>
								3、首页展示top250、正在热映等电影模块；<br>
								4、点击首页模块进度对应的电影列表页；<br>
								5、点击电影进入对应的电影详情页，登陆验证后可进行评论；<br>
								6、更多详情请看https://git.oschina.net/the_one_1609/test1.git</td>
							</tr>
							<tr>
								<td class="headline" valign='top'>我的职责:</td>
								<td lass="text">1、sourcetree管理代码；<br>2、帮助项目组成员解决遇到的问题；<br>3、最终代码的整合验证等</td>
							</tr>

						</table>		
					</div>					
				</ul><!-- 项目经历 -->

				<ul class="me content-lis" >					
					<div class="content">
						<div class="img-box">
							<div class="img myFadein"><img src="images/me.jpg">
							</div>
							<div class="center myFadeinleft" >
								<p>查看微信版</p>
								<img src="images/FqnZbbQVFQAAB0rZU59TdKqvQuwJ.png">
							</div>
							<div class="minecode myFadeinright">
								<img src="images/minecode.png">
							</div>

						</div>
						
						<div class="text-box">
							<div class="myFadeinleft">
								<p>姓名：刘鑫</p>
								<p>民族：汉族</p>
								<p>籍贯：四川中江</p>
								<p>出生日期：1992年09</p>								
								<p>政治面貌：中共党员</p>
								<p>婚姻状况：未婚</p>								
							</div>
							
							<div class="myFadeinright">
								<p>学历：本科</p>
								<p>学校：重庆大学</p>
								<p>专业：电子信息工程</p>
								<p>爱好：健身、旅游</p>
								<p>电话：13527392554</p>
								<p>邮箱：KaiteLiu92@163.com</p>
							</div>
						</div>						
					</div>					
				</ul><!-- 个人信息 -->



			</div>
		</div>



		<div id="footer">
			<div id="skill" class="cur">
				<i class="iconfont">&#xe74f;</i>
				<span>技能</span>
			</div>

			<div id="experience">
				<i class="iconfont">&#xe511;</i>
				<span>经历</span>
			</div>

			<div id="project">
				<i class="iconfont">&#xe62f;</i>
				<span>项目</span>
			</div>

			<div id="me">
				<i class="iconfont">&#xe7ad;</i>
				<span>我</span>
			</div>
		</div> 	
    </div>

    <div class="music_btn" id="music_btn" >
    	<img id="music_pic" src="images/music_03.png">
	</div><!-- 音乐音符 -->

	<script type="text/javascript"  src="js/index.js"></script>
</body>
</html>